---
import FormatHTML from "../../lib/FormatHTML.astro"
import * as skills from "@content/skills.md"
---

<section>
    <h2>Навыки</h2>
    <div>
        <FormatHTML html={skills} />
    </div>
</section>

<style>
    section {
        :global(ul) {
            margin: 0;
        }
        :global(p) {
            color: var(--title-color);
            font-weight: bold;
        }
        :global(ul + p) {
            margin-top: 1em !important;
        }
    }

    section :global(li.li--icon) {
        transform: translateX(-1.5em);
        &::marker {
            content: none;
        }
    }
</style>
